<template>
	<view class="count-info">
	    <view v-for="(card,index) in details" :key="index" class="card-main">
			<tui-card  :title="card.title" :tag="card.tag" :header="card.header">
				<template v-slot:body>
					<view class="card-content">
						<view style="color: #999999; font-size: 30rpx;display: flex;flex-direction: column; width: 80%; padding: 40rpx;">
							<text>交易时间: {{card.payTime}}</text>
							<text>交易地点: {{card.payPlace}}</text>
						</view>
						<view style="width: 20%; display: flex;align-items: center;justify-content: center;">
							<tui-icon name="arrowright" :size="25" :color="'#999'"></tui-icon>
						</view>
						
					</view>
				</template>
				<template v-slot:footer>
					<view style="padding: 40rpx; display: flex;align-items: center;">
						<tui-icon name="bankcard" :size="25" :color="'#999'"></tui-icon> 
						<text style="font-size: 30rpx;padding-left: 10rpx;">¥{{card.jine}}元</text>
					</view>
				</template>
			</tui-card>
		</view>
	</view>
</template>

<script>
	import tuiCard from "@/components/thorui/tui-card/tui-card";
	import thorui from '@/components/common/tui-clipboard/tui-clipboard.js';
	export default {
		components:{
			tuiCard
		},
		data(){
			return {
				details: [
					{
						title:  {
							text: '测试1',
							color: '#000000',
							size: 40,
							padding: 40
						},
						tag: {
							text: '测试2',
							color: '#999',
							size: 35
						},
						// header: {
						// 	bgcolor: '#F7F7F7',
						// 	line: true,
						// 	paddingLeft: '40px'
						// },
						payTime: '2021',
						payPlace: '常州市',
						jine: 6
					},
					{
						title:  {
							text: '测试1',
							color: '#000000',
							size: 40,
							padding: 40
						},
						tag: {
							text: '测试2',
							color: '#999',
							size: 35
						},
						// header: {
						// 	bgcolor: '#F7F7F7',
						// 	line: true,
						// 	paddingLeft: '40px'
						// },
						payTime: '2021',
						payPlace: '常州市',
						jine: 6
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	@import './count.css';
	
</style>
